<script setup>
import Tabbarstudent from "../../pages/componentstudent/Tabbarstudent.vue";
import BackSchool from "../../teacher/demo/backSchool.vue";
const tonext3=()=>{
  //跳转到子页面
  uni.navigateTo({url:'/studens/return/tianbaojilu'})
}
const tonext4=()=>{
  //跳转到子页面
  uni.navigateTo({url:'/studens/return/ziyuan'})
}
const tonext5=()=>{
  //跳转到子页面
  uni.navigateTo({url:'/studens/return/jiankangshenbao'})
}
const tonextx=()=>{
  //跳转到子页面
  uni.navigateTo({url:'/pages/index/index'})
}
</script>

<template>
  <view>
    <view id="geren">
        <veiw>
          <table class="bg" border="" cellspacing="0" cellpadding="10">
          <tr>
            <td rowspan="5"><image class="tp3" src="/static/image/touxiang.webp"></image></td>
            <td>姓名：</td>
            <td>张三</td>
          </tr>
          <tr>
            <td>学号：</td>
            <td>123456789</td>
          </tr>
          <tr>
            <td>学院：</td>
            <td>软件学院</td>
          </tr>
          <tr>
            <td>专业：</td>
            <td>软件工程</td>
          </tr>
            <tr>
              <td>班级：</td>
              <td>A班级</td>
            </tr>
        </table>

        </veiw>
      <view class="jl">
        <view class="tb" @click="tonext3"> <text>填报记录</text></view><br>
        <view class="tb" @click="tonext4"> <text>关联设置</text></view><br>
        <view class="tb" @click="tonext5"> <text>健康申报卡</text></view>

      </view>
      <button class="but3" type="primary" @click="tonextx">角色切换</button>
    </view>

    <Tabbarstudent :cur-index="4"></Tabbarstudent>
  </view>
</template>

<style scoped>
#geren{
  width: 100%;
  height: calc(100% - 50px);
  background-color:#F0F3FA;
}
.tb{
  width: 100%;
  height: 30px;
  left: 30px;
}
.jl{
  width: 100%;
  height: 300px;
  position: absolute;
  top: 350px;
}
.but3{
  position: relative;
  top: 750px;
}
.bg{
  position: absolute;
  top: 20px;
 margin-left: 8px;
}
.tp3{
  width: 180px;
}
uni-view{
  height: 100%;
}
</style>